<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<title>Eminent Login Form Flat Responsive widget Template :: xmoban.cn</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Eminent Login Form Widget Responsive, Login form web template,Flat Pricing tables,Flat Drop downs  Sign up Web Templates, Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- font files -->
<!--<link href='//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>-->
<!--<link href='//fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>-->
<!-- /font files -->
<!-- css files -->
<link href="<%=request.getContextPath()%>/css/memcss/style.css" rel='stylesheet' type='text/css' media="all" />
<!-- /css files -->
</head>
<body>
<h1>Eminent Login Form</h1>
<div class="form-w3ls">
    <ul class="tab-group cl-effect-4">
       <!--  <li class="tab active"><a href="#signin-agile">Sign In</a></li> -->
		<li class="tab"><a href="#signup-agile">Join Us</a></li>        
    </ul>
    <!-- <div class="tab-content">
        <div id="signin-agile">   
			<form action="#" method="post">
				
				<p class="header">User Name</p>
				<input type="text" name="user" value="User Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'User Name';}">
				
				<p class="header">Password</p>
				<input type="password" name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
				
				<input type="checkbox" id="brand" value="">
				<label for="brand"><span></span> Remember me?</label>
				
				<input type="submit" class="sign-in" value="Sign In">
				
				<ul class="links">
					<li class="pass-w3ls"><a href="#">Forgot Password</a></li>
				</ul>
			</form>
		</div> -->
		<div id="signup-agile">   
			<form action="#" method="post">
				<div class="layui-form-item">
				    <label class="layui-form-label">微信方式</label>
				    <div class="layui-input-block">
				      <input id="openid" name="openid" type="text" value="<%= request.getSession().getAttribute("openid")%>"/>
				    </div>
	 			 </div>
				<div class="layui-form-item">
				    <label class="layui-form-label">微信昵称</label>
				    <div class="layui-input-block">
				    	<input id="nickname" name="nickname" type="text" value="<%= request.getSession().getAttribute("nickname")%>"/>
				    </div>
	 			 </div>
				<div class="layui-form-item">
				    <label class="layui-form-label">注册方式</label>
				    <div class="layui-input-block">
				    	<input id="registerWay" name="registerWay" type="text" value="微信注册"/>
				    </div>
	 			 </div>
				<div class="layui-form-item">
				    <label class="layui-form-label">手机号码</label>
				    <div class="layui-input-block">
				      <input type="text" id="phone" name="phone" value="Your phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your phone';}">
				    </div>
	 			 </div>
				<div class="layui-form-item">
				    <label class="layui-form-label">手机验证码</label>
				    <div class="layui-input-block">
				      <input type="text" id="phone" name="phone" value="Your phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your phone';}">
				    <button class="layui-btn" data-type="btnAdd" id="phone-code">获取手机验证码</button>
				    </div>
	 			 </div>
	 			 
				<!-- <p class="header">User Name</p>
				<input type="text" name="user" value="Your Full Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Full Name';}">
				
				<p class="header">Phone</p>
				<input type="tel" name="phone" value="Your Phone Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Phone Number';}">
				
				<p class="header">Email Address</p>
				<input type="email" name="email" value="Email@address.com" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email@address.com';}">
				
				<p class="header">Password</p>
				<input type="password" name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
				
				<p class="header">Confirm Password</p>
				<input type="password" name="password" value="Confirm Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Confirm Password';}">
				 -->
				<!-- <input type="submit" class="register" value="Register"> -->
				 <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
			</form>
		</div> 
    </div><!-- tab-content -->
<!-- </div> --> <!-- /form -->	  
<p class="copyright">© 2016 Eminent Login Form. All Rights Reserved | Design by mycodes.net</p>
<!-- js files -->
<script src='<%=request.getContextPath()%>/js/memjs/jquery.min.js'></script>
<script src="<%=request.getContextPath()%>/js/memjs/index.js"></script>
<script src="<%=request.getContextPath()%>/layui/layui.js"></script>
<script type="text/javascript">
layui.use(['form', 'layedit', 'laydate'], function(){
	  var form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate;
	  
	  
	  //监听提交
	  form.on('submit(demo1)', function(data){
		  var phone =$("#phone").val()
		  alert(phone)
	    
	  });
	  
	});
</script>
<!-- /js files -->
</body>
</html>

